商品圖片放大或轉換
網店網頁設計・商品列表・商品顯示
商家可以利用 eshopland 網店平台的多功能網頁設計工具,設定商品圖片在商品列表的顯示方式,例如當把滑鼠移到商品列表上的圖片時,圖片會放大顯示,或會轉換;甚至可以設定圖片按時自動轉換,以增強網頁的視覺效果。
更多有關商品列表的設計方法,可參考《商品列表設計》的介紹。
1. 商品列表頁
進入主控台 > 設計 > 頁面,
然後點選「商品」列表頁面。
2. 商品列表設計
點選「商品列表設計」,進入商品列表的設計操作頁面。
當您更新並儲存商品列表的設計風格,「所有商品列表」、「所有分類及商品」及「分類商品列表」頁面設計區塊亦會自動套用更新。
3. 設定「商品圖片」
您可以自訂商品圖片在「商品列表」上的顯示方式。
鼠標效果:放大
當顧客利用滑鼠(mouse)在商品列表上互動,把鼠標(cursor or mouse pointer)移到商品圖片上時,該圖片會稍微放大顯示,以增強互動時的視覺效果。
鼠標效果:轉換
當顧客把鼠標移到商品圖片上時,商品圖片會轉換為第二幅圖片。
商家必須為商品加入最少兩幅圖片,方可展現圖片轉換的效果。
鼠標效果:自動轉換
全部在「商品列表」上的商品圖片,都會按照設定時間自動轉換。
商品圖片自動輪播轉換功能,只會套用於商品的首兩幅圖片。
商家必須為商品加入最少兩幅圖片,方可展現圖片自動轉換的效果。
自動轉換的設定時間以秒(s – second)為單位。
例子:
自動轉換時間設定為「5s」,即表示所有在「商品列表」的圖片,會每 5 秒鐘自動轉換一次;而只有一幅圖片的商品則不會有任何變更顯示。
4. 套用
儲存 設定。
延伸閱讀
Facebook 直播及影片
您可以在 eshopland 加入 Facebook 直播及影片區塊,讓顧客更容易了解您的品牌及商品。1. 新增 Facebook 直播及影片區塊。在主控台>設計>頁面,選擇或新增頁面,進入頁面的佈
全單百分比折扣
商家可以在 eshopland 網店平台上,設定全單百分比折扣優惠,並加入不同的優惠條款設定,以配合您的營運需要。當顧客購物結帳時,系統會按照您的設定,自動計算扣減訂單可享用的優惠金額。優惠條款:1.
聯絡資料及 Google 地圖
商戶可以在 eshopland 佈局設計工具,加入網店的聯絡資料及 Google 地圖位置,以便顧客更容易找到您的店舖所在。1. 新增聯絡資料及地圖區塊。在主控台>設計>頁面,選擇或新增頁面,進入
媒體庫
eshopland 平台特設的多功能智慧媒體庫,讓您儲存及管理網店上的所有圖像,包括商品圖像及頁面設計媒體檔案。媒體庫更備有文件夾管理功能,讓您能更有條理地管理網店的媒體及圖庫。1. 進入媒體庫進入主